"use client";
import { FC } from "react";
import style from "./index.module.scss";
import { usePathname } from "next/navigation";
import classNames from "classnames";

interface IndexProps {}

const Index: FC<IndexProps> = () => {
  const pathname = usePathname();
  return (
    <div className={style.menuWraper}>
      <a
        className={classNames(
          style.menuItem,
          pathname === "/my" ? style.active : ""
        )}
        href="/my"
      >
        <svg
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          width="20"
          height="20"
        >
          <path
            d="M649.248973 590.638278a70.604212 70.604212 0 0 0-55.671003 27.477104c-28.0147 35.839701-62.062416 81.236656-84.88036 111.401739-23.893134-29.866418-59.254973-72.694861-89.240856-108.594295a70.425013 70.425013 0 0 0-69.469288-23.893135C172.760143 636.453363 48.037983 775.272473 32.029583 950.767544a66.841043 66.841043 0 0 0 66.542379 73.11299h827.299772a66.841043 66.841043 0 0 0 66.422913-72.874059 400.209998 400.209998 0 0 0-331.338039-359.531937 69.887418 69.887418 0 0 0-11.946567-1.015458z"
            fill="currentColor"
          ></path>
          <path
            d="M502.425663 0a285.284023 285.284023 0 1 0 285.22429 285.045091A285.284023 285.284023 0 0 0 502.425663 0z"
            fill="currentColor"
          ></path>
        </svg>
        账户信息
      </a>
      <a
        className={classNames(
          style.menuItem,
          pathname === "/my/cv" ? style.active : ""
        )}
        href="/my/cv"
      >
        <svg
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          width="24"
          height="24"
          style={{ marginLeft: -4 }}
        >
          <path
            d="M597.333333 85.333333 256 85.333333C209.066667 85.333333 171.093333 123.733333 171.093333 170.666667L170.666667 853.333333C170.666667 900.266667 208.64 938.666667 255.573333 938.666667L768 938.666667C814.933333 938.666667 853.333333 900.266667 853.333333 853.333333L853.333333 341.333333 597.333333 85.333333 597.333333 85.333333ZM682.666667 768 341.333333 768 341.333333 682.666667 682.666667 682.666667 682.666667 768 682.666667 768ZM682.666667 597.333333 341.333333 597.333333 341.333333 512 682.666667 512 682.666667 597.333333 682.666667 597.333333ZM554.666667 384 554.666667 149.333333 789.333333 384 554.666667 384 554.666667 384Z"
            fill="currentColor"
          ></path>
        </svg>
        我的简历
      </a>
      {/* <a className={style.menuItem}>
        <svg
          viewBox="0 0 1280 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          width="20"
          height="20"
        >
          <path
            d="M0 0h170.666667v170.666667H0zM342.186667 0H1280v170.666667H342.186667zM0 426.666667h170.666667v170.666666H0zM342.186667 426.666667H1280v170.666666H342.186667zM0 853.333333h170.666667v170.666667H0zM342.186667 853.333333H1280v170.666667H342.186667z"
            fill="#999999"
          ></path>
        </svg>
        我的订单
      </a> */}
    </div>
  );
};

export default Index;
